:root {
  font-size: 16px;
  --primary-bg: rgb(33, 33, 33);
  --secondary-bg: rgb(23, 23, 23);
  --chat-bg: rgb(33, 33, 33);
  --bot-bg: rgb(38, 38, 38);
  --border-color: rgba(255,255,255,0.1);
  --text-primary: #ECECF1;
  --text-secondary: #9FA1A6;
  --button-primary: #10A37F;
  --button-hover: #1A7F64;
  --sidebar-width: 260px;
  --sidebar-collapsed-width: 60px;
  --breakpoint-md: 768px;
  
  /* Light theme */
  --primary-bg-light: #ffffff;
  --secondary-bg-light: #f7f7f8;
  --chat-bg-light: #ffffff;
  --bot-bg-light: #f7f7f8;
  --border-color-light: rgba(0,0,0,0.1);
  --text-primary-light: #000000;
  --text-secondary-light: #6e6e80;
  
  /* Dark theme (现有的变量) */
  --primary-bg-dark: rgb(33, 33, 33);
  --secondary-bg-dark: rgb(23, 23, 23);
  --chat-bg-dark: rgb(33, 33, 33);
  --bot-bg-dark: rgb(38, 38, 38);
  --border-color-dark: rgba(255,255,255,0.1);
  --text-primary-dark: #ECECF1;
  --text-secondary-dark: #9FA1A6;
}

/* 小屏幕设备 */
@media screen and (max-width: 768px) {
  :root {
    font-size: 14px;
  }
}

/* 大屏幕设备 */
@media screen and (min-width: 1920px) {
  :root {
    font-size: 18px;
  }
}

html, body {
  margin: 0;
  padding: 0;
  color: var(--text-primary);
  background-color: var(--primary-bg);
  font-family: Söhne, ui-sans-serif, system-ui, -apple-system;
}

::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-track {
  background: transparent;
}

::-webkit-scrollbar-thumb {
  background-color: rgba(217,217,227,0.1);
  border-radius: 6px;
}

::-webkit-scrollbar-thumb:hover {
  background-color: rgba(217,217,227,0.2);
}

/* Element Plus Message 样式覆盖 */
.el-message {
  background: var(--secondary-bg) !important;
  border-color: var(--border-color) !important;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.3) !important;
}

.el-message--success {
  border-left: 4px solid var(--button-primary) !important;
}

.el-message--error {
  border-left: 4px solid #ff4444 !important;
}

.el-message__content {
  color: var(--text-primary) !important;
}

.el-message .el-message__icon {
  color: var(--button-primary) !important;
}

.el-message--error .el-message__icon {
  color: #ff4444 !important;
}

/* 使用 data-theme 属性来切换主题 */
:root[data-theme="light"] {
  --primary-bg: var(--primary-bg-light);
  --secondary-bg: var(--secondary-bg-light);
  --chat-bg: var(--chat-bg-light);
  --bot-bg: var(--bot-bg-light);
  --border-color: var(--border-color-light);
  --text-primary: var(--text-primary-light);
  --text-secondary: var(--text-secondary-light);
}

:root[data-theme="dark"] {
  --primary-bg: var(--primary-bg-dark);
  --secondary-bg: var(--secondary-bg-dark);
  --chat-bg: var(--chat-bg-dark);
  --bot-bg: var(--bot-bg-dark);
  --border-color: var(--border-color-dark);
  --text-primary: var(--text-primary-dark);
  --text-secondary: var(--text-secondary-dark);
} 